.halfCircle {
  background-color: @color-background;
  height: 40px;
  width: 20px;
}

.card {
  margin: 20px;
  margin-top: 0;
  background-color: @color-up;
  border-radius: 8px;
  position: relative;
  &.-grey {
    color: @color-bg-level-4;
    background-color: @color-bg-level-2;
    border: 2px solid @color-border;
    .-above {
      border-bottom: 2px solid @color-border;
    }
    &::before {
      border: 2px solid @color-border;
      border-left: 2px solid @color-background;
      left: -2px;
    }
    &::after {
      border: 2px solid @color-border;
      border-right: 2px solid @color-background;
      right: -1px;
    }
  }
  &:before {
    .halfCircle;
    border-radius: 0 40px 40px 0;
    position: absolute;
    top: 70px;
    content: '';
    box-sizing: border-box;
  }
  &::after {
    content: '';
    .halfCircle;
    border-radius: 40px 0 0 40px;
    position: absolute;
    right: 0;
    top: 70px;
    box-sizing: border-box;
  }
}